<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简单页面</title>
    <style>
        /* 全局样式 */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        /* 面包屑导航 */
        .breadcrumb {
            background-color: red;
            color: white;
            padding: 10px 0;
           text-align: left; 
           padding-left: 20px; 
        }
        .breadcrumb span {
            margin: 0 15px;
        }

        /* 展开框 */
        .expand-box {
            border: 2px solid red;
            width: 200px;
			height: 500px;
            margin: 20px 0 20px 20px;
            padding: 10px;
        }

        /* 文字样式 */
        .expand-box p {
            margin: left;
            text-align: left;
        }
        .expand-box .line1 {
            font-size: 16px;
        }
        .expand-box .line2 {
            font-size: 16px;
        }
    </style>
</head>
<body>

    <!-- 面包屑导航 -->
    <div class="breadcrumb">
        <span>全球商品分类</span>
        <span>首页</span>
        <span>服装城</span>
        <span>食品</span>
        <span>团购</span>
        <span>夺宝岛</span>
        <span>闪购</span>
        <span>金融</span>
    </div>

    <!-- 展开框 -->
    <div class="expand-box">
        <p class="line1">图书、音像、数字商品</p>
        <p class="line2">家用电器</p>
    </div>

</body>
</html>
